@media screen and (max-width: 1290px) {
		#article-menus {
			width: 200px !important;
		}
	}

	@media screen and (max-width: 1024px) {
		#article {
			padding-top: 45px;
			padding-bottom: 5px;

			.site-main {
				padding: 5px;

				.hentry {
					margin: 0;
					margin-top: 10px;
					padding: 10px;

					.entry-title {
						margin: 5px 0;
					}
				}

				.guide {
					a {
						display: block;
						float: none !important;
					}
				}
			}

			.site-content {
				padding: 0;
			}

			.emoji-picker {
				z-index: 100;
				right: -80px;
			}

			.comments {
				font-size: 12px;

				.user-name {
					font-size: 12px !important;
				}

				.createDate {
					font-size: 12px !important;
				}

				.reply10 {
					font-size: 12px !important;
				}

				.comment-body {
					padding-left: 60px;
				}

				.user-avatar {
					width: 30px;
					height: 30px;
				}
			}
		}

	}
	.emoji-wrapper {
		z-index: unset !important;
	}
	
	.publishComment {
		.user-avatar {
			width: 60px;
			height: 60px;
		}
		.el-tabs__nav-wrap::after {
			width: auto !important;
		}
	
		.el-input__inner:focus {
			border: 1px solid #66b1ff;
		}
	
		.el-input__inner {
			height: 35px !important;
			border: 1px solid #ccc;
		}
	
		.input-wrapper.inline .input-box {
			margin: 0;
		}
	
		.content {
			font-size: 0.875rem;
			padding-left: 0.9375rem;
			padding-right: 2rem;
			height: 2.5rem !important;
			overflow-y: auto;
			word-break: break-all;
			width: 100%;
			max-width: 100%;
			&:before {
				position: unset !important;
			}
		}
	
		.submit-button {
			margin-left: 2%;
			font-size: 0.75rem;
			border-radius: 0.1875rem;
			height: 2rem !important;
			line-height: 1.3rem !important;
			letter-spacing: 4px;
		}
	
		.emoji-button .button-icon.inactive {
			position: relative;
		}
	
		.input-wrapper .input-append.hasbg {
			border-radius: 0 4px 4px 0;
		}
	}
	
	/* 文章内容样式 */
	#article {
		.el-tag:hover {
			background-color: #85ce61;
			border-color: #85ce61;
		}
	
		.entry-content {
			b {
				font-weight: bold;
			}
	
			i {
				font-style: italic;
			}
	
			u {
				text-decoration: underline;
			}
	
			ol {
				list-style-type: decimal;
	
				li {
					list-style-type: decimal;
				}
			}
	
			h1,
			h2,
			h3,
			h4,
			h5,
			h6 {
				font-weight: bold !important;
	
				span {
					font-weight: bold !important;
				}
			}
	
			pre {
				background-color: #404040;
				color: #FFFFFF !important;
			}
	
			pre * {
				color: #FFFFFF !important;
			}
	
			img {
				cursor: zoom-in;
			}
	
			img.big {
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				z-index: 100000000;
				cursor: zoom-out;
			}
	
			img.img_hover {
				&:hover {
					filter: alpha(opacity=80);
					background: #000;
					opacity: 0.8;
				}
			}
		}
	}